﻿@{
    Layout = null;
}
<html style="font-size: 17.0667px;">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
    <title>结算中心</title>
    <style>
        .head {
            height: 2.6rem;
            background: #fff;
            border-bottom: 1px solid #d7dbdd;
            position: relative;
        }


            .head .type-close {
                width: .55rem;
                height: .9rem;
                position: absolute;
                margin-left: 1rem;
                margin-top: .875rem;
            }

                .head .type-close img {
                    display: block;
                    width: 100%;
                }


        .big-box {
            height: 6.1rem;
            background: #eee;
            padding-left: 1rem;
            overflow: hidden;
        }

            .big-box .title {
                font-size: .7rem;
                margin: 1.125rem 0 .5rem;
            }

            .big-box .number {
                font-size: 2rem;
                color: #fe4f3f;
            }

        .number-box {
            overflow: hidden;
            background: #fff;
            border-bottom: 1px solid #d7dbdd;
        }

            .number-box .item {
                width: 33%;
                float: left;
                border-right: 1px solid #d7dbdd;
                padding: .5rem 0;
            }

                .number-box .item .type-name {
                    font-size: .6rem;
                    text-align: center;
                }

                .number-box .item .type-number {
                    text-align: center;
                    margin-top: .3rem;
                    color: #fe4f3f;
                    font-size: .9rem;
                }

        .cash {
            width: 17.225rem;
            height: 2.15rem;
            text-align: center;
            line-height: 2.15rem;
            color: #fff;
            background: #fe4f3f;
            border-radius: .3rem;
            margin: 1.45rem auto;
            font-size: .8rem;
        }

        ul {
            margin: 0;
            padding: 0;
            list-style: none;
            background: #fff;
            padding-left: 1rem;
            border-bottom: 1px solid #d1d4d6;
        }



            ul li {
                font-size: .7rem;
                padding: .5rem 0;
                border-bottom: 1px solid #d1d4d6;
                background: url(http://0d077ef9e74d8.cdn.sohucs.com/qoOUyOP_png) 95% no-repeat;
                background-size: .4rem .65rem;
            }

        li {
            display: list-item;
            text-align: -webkit-match-parent;
        }

        ul li:last-child {
            border: none;
        }

        html {
            display: block;
        }

        .notice-msg {
            font-size: .65rem;
            color: #a7a7a7;
            padding: .5rem 0 .5rem 1rem;
        }

        div {
            display: block;
        }

        body {
            background: #eee;
        }

        body, html {
            font-size: 20px;
            margin: 0;
            padding: 0;
        }


        .head .title {
            width: 10rem;
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }


        .head .reward-type {
            overflow: hidden;
            /* width: 8.9rem; */
            /* border: 1px solid #fe4f3f; */
            /* border-radius: .75rem; */
            font-size: .9rem;
            position: absolute;
            top: 50%;
            margin-top: -.7rem;
            left: 40%;
            /* width: 10rem; */
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            /* text-align: center; */
            /* margin-left: -4.45rem; */
        }

        table {
            width: 100%;
            margin: 0 auto;
            background: #fff;
            text-align: center;
            font-size: 12px;
            border-collapse: collapse;
        }

        .j_title {
            background: #f7f7f7;
        }

        tr, th, td, table {
            padding: 0;
            margin: 0;
        }

        th, td {
            border: 1px solid #ddd;
            vertical-align: baseline;
            height: 30px;
            line-height: 30px;
        }
    </style>

</head>
<body id="body">
    <div id="app">
        <div id="reward">
            <div class="head">
                <div class="type-close">
                    <a href="javascript:history.back(-1);">
                        <img src="">
                    </a>
                </div>

                <div class="reward-type">
                    结算中心

                </div>

            </div>




            <div class="big-box">
                <div class="title">已结算总金额</div>
                <div class="number">￥0</div>
            </div>
            <div class="number-box">
                <div class="item">
                    <div class="type-name">本月预估金额</div>
                    <div class="type-number">0</div>
                </div>
                <div class="item">
                    <div class="type-name">本月结算金额</div>
                    <div class="type-number">0</div>
                </div>
                <div class="item">
                    <div class="type-name">本月待结算金额</div>
                    <div class="type-number">0</div>
                </div>
            </div>
            <a href="/AgentCenter/CJDD" style="text-decoration:none">
                <div class="cash">账户明细</div>
            </a>
            @*<table>
                    <tr class="j_title">
                        <th>月份</th>
                        <th>结算金额</th>
                        <th>实际金额</th>
                        <th>状态</th>
                    </tr>
                    <tr>
                        <td>2017-07</td>
                        <td>78</td>
                        <td>10000</td>
                        <td>已结算</td>
                    </tr>

                </table>*@
            <div class="notice-msg">
                注意:佣金结算为每个月21-20号发放上个月淘宝结算收入
            </div>
        </div>
    </div>
    <script type="text/javascript" src="http://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>$('body').on('touchmove', function (event) { event.preventDefault(); });</script>

</body>
</html>